<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Blue Ice Services - Free CSS Templates</title>
<meta name="keywords" content="free css templates, services, blue ice, CSS, HTML, templatemo" />
<meta name="description" content="Blue Ice Services - Free CSS Templates from freecsstemplates.in" />
<link href="style.css" rel="stylesheet" type="text/css" />

</head>
<body>

<div id="wrapper"> 

	<div id="header">

    	<div id="site_title">
            <h1><a href="http://www.freecsstemplates.in"><img src="images/logo.png" alt="logo" /><span>Free CSS Templates</span></a></h1>
        </div> <!-- end of site_title -->
        
        <ul id="social_box">
            <li><a href="#"><img src="images/facebook.png" alt="facebook" /></a></li>
            <li><a href="#"><img src="images/twitter.png" alt="twitter" /></a></li>
            <li><a href="#"><img src="images/linkedin.png" alt="linkin" /></a></li>
            <li><a href="#"><img src="images/technorati.png" alt="technorati" /></a></li>
            <li><a href="#"><img src="images/myspace.png" alt="myspace" /></a></li>                
        </ul>
        
    </div> <!-- end of header -->
    
    <div id="menu">
    	<div class="home"><a href="index.html"></a></div>
        <ul>
            <li><a href="services.html" class="current">WHAT WE DO<span>Services</span></a></li>
            <li><a href="news.html">OUR LATEST NEWS<span>News</span></a></li>
            <li><a href="about.html">WHO WE ARE<span>About Us</span></a></li>
            <li><a href="contact.html" class="last">ANY QUESTION?<span>Contact Us</span></a></li>
        </ul>    	
    </div> <!-- end of menu -->
    
    <div id="content_wrapper">
    	<div id="content_top"></div>
        <div id="content">
        
            <h2>Our Services</h2>
        
       		<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla et nunc commodo ante ornare imperdiet. Donec nunc neque, pulvinar a, vestibulum eget, luctus id, orci. Pellentesque elementum enim a augue. Donec in nisi. Etiam sit amet turpis. Duis nulla diam, posuere ac, varius id, ullamcorper sit amet, libero. Nam sodales, pede vel dapibus lobortis, ipsum diam molestie risus, a vulputate risus nisl pulvinar lacus. Validate <a href="http://validator.w3.org/check?uri=referer" rel="nofollow"><strong>XHTML</strong></a> &amp; <a href="http://jigsaw.w3.org/css-validator/check/referer" rel="nofollow"><strong>CSS</strong></a>.</p>
        
            <div class="cleaner_h40"></div>
            
            <div class="service_box float_l">
                <img src="images/onebit_15.png" alt="service 1" />
                <div class="sb_right">
                <h4>Marketing</h4>
                <p>Credit goes to <a href="http://www.icojoy.com/articles/46/" target="_blank">Icojoy.com</a> for icons used in this page. Morbi sed nulla ac est cursus suscipit eu ac lectus.</p>
                
                <ul class="tmo_list">
                <li>Cras rutrum ullamcorper </li>
                <li>Sed nec eros egestas nisl </li>
                <li>Morbi sed nulla ac est cursus </li>
                <li>Curabitur ullamcorper nibh </li>
                <li>Pellentesque adipiscing </li>                        
                </ul>
                </div>
                <div class="cleaner"></div>
            </div>
            
             <div class="service_box float_r">
            	
                <img src="images/onebit_16.png" alt="service 1" />
                <div class="sb_right">
                	<h4>Growth Strategies</h4>
                    <p>Etiam sit amet turpis. Duis nulla diam, posuere ac, varius id,   ullamcorper sit amet, libero. Nam sodales.</p>
                
                <ul class="tmo_list">
                      <li>Morbi sed nulla ac est cursus </li>
                        <li>Curabitur ullamcorper nibh </li>
                        <li>Pellentesque adipiscing </li>
                        <li>Cras rutrum ullamcorper </li>
                        <li>Sed nec eros egestas nisl</li>
                  </ul>
                </div>
                <div class="cleaner"></div>
            </div>
            
            <div class="cleaner"></div>
            
            <div class="service_box float_l">
                <img src="images/onebit_18.png" alt="service 1" />
                <div class="sb_right">
                	<h4>Social Services</h4>
                    <p>Nulla id nisi enim, feugiat posuere sem. Donec consequat.</p>
                
                    <ul class="tmo_list">
                    <li>Sed nec eros egestas nisl </li>
                        <li>Morbi sed nulla ac est cursus </li>
                        <li>Curabitur ullamcorper nibh </li>
                        <li>Cras rutrum ullamcorper </li>
                        <li>Pellentesque adipiscing </li>                        
                    </ul>
                </div>
                <div class="cleaner"></div>
            </div>
            
            <div class="service_box float_r">            	
                <img src="images/onebit_19.png" alt="service 1" />
                <div class="sb_right">
                    <h4>Global Reaching</h4>
                    <p>Cras id tortor nisl. Nullam ante diam, interdum sit amet sodales nec.</p>
                    <ul class="tmo_list">
                      <li>Curabitur ullamcorper nibh </li>
                        <li>Pellentesque adipiscing </li>
                        <li>Cras rutrum ullamcorper </li>
                        <li>Sed nec eros egestas nisl </li>
                        <li>Morbi sed nulla ac est cursus </li>
                  </ul>
                </div>
                <div class="cleaner"></div>
            </div>
            
            <div class="cleaner"></div>
        </div>
        <div id="content_bottom"></div>
	</div>
    
    <div id="sp_box">
    
    	<div class="col_w340 float_l">
            <img src="images/bar-graph.png" alt="image" />
            <div class="right">
                <h4>Lorem ipsum dolor sit</h4>
                <p>Aliquam sit amet urna quis quam ornare pretium. Cras pellentesque interdum nibh non tristique. Pellentesque et velit non urna auctor porttitor.</p>
                <div class="button"><a href="#"><span>+</span> More</a></div>
			</div>
        </div>
        
        <div class="col_w340 float_r">
        	<img src="images/to-do.png" alt="image" />
            <div class="right">
                <h4>Nunc dignissim accumsan</h4>
                <p>Vestibulum pretium convallis diam sit amet vestibulum. Etiam non est eget leo luctus bibendum. Integer pretium, odio at scelerisque congue.</p>
                <div class="button"><a href="#"><span>+</span> More</a></div>
			</div>
        </div>
    
    </div>
    
    <div id="footer">

        Copyright © 2048 <a href="#">Your Company Name</a> - 
        <a href="http://www.templatemo.com" target="_parent">Website Templates</a> 
        by <a href="http://www.freecsstemplates.in" target="_parent">Free CSS Templates</a>
    
    </div> <!-- end of footer -->
    
</div> <!-- end of wrapper -->    

</body>
</html>